<template>
    <div class="about-us">
        <van-nav-bar title="关于我们" left-arrow @click-left="goBack"/>
        <section class="logo">
            <img src="../../assets/logo.png" alt="">
            <p class="version">版本号V1.5.0</p>
        </section>
        <section class="content">
            <div class="van-hairline--bottom">
                <van-cell title="常见问题" is-link :to="{name: 'commonProblem'}"></van-cell>
            </div>
            <div class="van-hairline--bottom">
                <van-cell title="联系我们" is-link :to="{name: 'contactUs'}"></van-cell>
            </div>
            <van-cell-group>
            <van-cell title="版本说明" value="V1.6.0" />
            </van-cell-group>
        </section>
    </div>
</template>
<script>
import {
    NavBar,
    Icon,
    Cell,
    CellGroup
} from "vant";
export default {
    components: {
        [NavBar.name]: NavBar,
        [Icon.name]: Icon,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup
    },
    data() {
        return {

        }
    },
    methods: {
        //返回上一页
        goBack() {
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="less" scoped>
/deep/ .van-cell__title {
    text-align: left;
}
.b-btm{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.about-us {
    background: #fff;
    .logo {
        margin: 20px 50px;
        img {
            width: 1.33rem;
        }
        .version {
            padding: 7px 76px;
            font-size: 14px;
            color: #969799f5;
        }
    }
}

</style>